*{
    margin: 0;
    padding: 0;
}
header{
    padding: 0.4rem;
    background-color: #5088fe;
    height: 3.55rem;
    position: relative;
    aside:nth-child(1){
        display: flex;
        justify-content: space-between;
        a{
            text-decoration: none;
            color: white;
            margin: 0 .2rem;
        }
        div:nth-child(2){
            display: flex;
            align-items: center;
        }
        .icon-jinbi{
            font-size: .6rem ;
            color: #ffeb49;
            display: inline-block;
            text-align: center;
            border-radius: 10px;
            width: 2.1rem;
            line-height: 0.8rem;
            height: 0.8rem;
            background-color: #6d9dff;
            span{
                font-size: .4rem;
                color: white;
            }
        }
        .icon-caidan{
            font-size: 0.8rem;
            display:inline-block;
        }
    }
    aside:nth-child(2){
        display: flex;
        align-items: center;
        a{
            display: block;
            width: 25%;
            text-align: center;
            font-size: .14rem;
            text-decoration: none;
            color: white;
            position: relative;
            
            &::after{
                content: "";
                width: .5rem;
                height: .05rem;
                background-color: white;
                position: absolute;
                left: 1rem;
                top: 0.5rem;
                display: none;
                background-color: #62e8fc;
            }
            &:hover::after{
                display: block;
            }
        }
    }
    aside:nth-child(3){
        display: flex;
        flex-wrap: wrap;
        width: 90%;
        background-color: white;
        border-radius: .2rem;
        height: 3.7rem;
        position: absolute;
        left: 18px;
        top: 95px;
        box-shadow: 1px 2px 10px wheat;
        div{
            width: 16.666%;
            text-align: center;
            line-height: 100%;
            a{
                text-decoration: none;
                color: black;
                font-size: .13rem;
                display: inline-block;
                width: 100%;
                height: 100%;
                
            }
        }
    }
}
article{
    .article1{
        width: 90%;
        padding-left: 5%;
        padding-right: 5%;
        div{
            border-bottom: 1px #f5f5f5 solid;
            a{
                color: #d6675d;
            }
            span{
                color: #949ba6;
            }
        }
        .article1_top{
            padding-top: 2.6rem;
            h2{
                font-size: .18rem;
            }
            a{
                text-decoration: none;
                font-size: .13rem;
            }
            span{
                font-size: .13rem;
            }
        }
        .article1_mid{
            padding:.30rem 0px ;
            h2{
                font-size: .18rem;
            }
            a{
                text-decoration: none;
                font-size: .13rem;
            }
            span{
                font-size: .13rem;
            }
        }
        .article1_down{
            padding:.30rem 0px ;
            h2{
                font-size: .18rem;
            }
            a{
                text-decoration: none;
                color: black;
                font-size: .13rem;
            }
            span{
                font-size: .13rem;
            }

        }
    }
    .article2{
        padding-left: .42rem;
        .article2_img_box{
            width: 9.55rem;
            height: 9.8rem;
            overflow-x: scroll;
            &::-webkit-scrollbar{
                display: none;
            }
            
            display: flex;
            .article2_img1{
                height: 9.8rem;
                width: 9.55rem;
                padding: .3rem;
                box-shadow: 1px 1px 5px bisque;
                .a1{
                    width:9.55rem ;
                    height: 2.62rem;
                    padding-top: .3rem;
                    padding-bottom: .3rem;
                    border-bottom: 1px solid #f2f2f2;
                    display: flex;
                    justify-content: space-evenly;
                        p{
                            font-size: .13rem;
                            width: 5.15rem;
                            span{
                                color: white;
                                background-color: #4a7ffd;
                            }
                        }
                        span{
                            font-size: .12rem;
                            color: #848e98;
                        }
                        img{
                            width: 2.84rem;
                            height: 1.87rem;
                        }
                        
                }
            } 
            
        }
    }
    .article3{
        padding:0 .4rem ;
        .article3_top1{
            .article3_top1_1{
                font-size: .13rem;
                display: flex;
                justify-content: space-between;
                aside:nth-child(1){
                    display: flex;
                    a{
                        display: inline-block;
                        width: 1.6rem;
                        height: .53rem;
                        text-decoration: none;
                        border: 1px solid #e0e0e0;
                        &:nth-child(1){
                            color: #bababa;
                        }
                        &:nth-child(2){
                            color: #5073e8;
                            background-color: #edf7fd; 
                        }
                    }
                    aside:nth-child(2){
                        a{
                            text-decoration: none;
                        }
                    }
                }
            }
            .article3_top1_2{
                margin-top: .2rem;
                border-bottom: 1px solid #f6f6f6;
                &::after{
                    content: "数据来源：各省市卫健委、各省市政府及官方媒体";
                    width: 100%;
                    font-size: .2rem;
                    margin-top: .4rem;
                    color: #92979d;
                    padding-bottom: .52rem;
                }
                display: flex;
                flex-wrap: wrap;
                margin-top: .4rem;
                aside{
                    width: 25%;
                    text-align: center;
                }
                aside:nth-child(1){
                    h3{
                        color: #f24444;
                    }
                    p{
                        color: #92979d;
                        span{
                            color: #f24444;
                        }
                    }
                }
                aside:nth-child(2){
                    h3{
                        color: #fead01;
                    }
                    p{
                        color: #92979d;
                        span{
                            color: #fead01;
                        }
                    }

                }
                aside:nth-child(3){
                    h3{
                        color: #4ab02e;
                    }
                    p{
                        color: #92979d;
                        span{
                            color: #4ab02e;
                        }
                    }

                }
                aside:nth-child(4){
                    h3{
                        color: #7b7b7b;
                    }
                    p{
                        color: #92979d;
                        span{
                            color: #7b7b7b;
                        }
                    }
                }
                h3{
                    font-size: 0.8rem;
                }
                h4{
                    font-size: 0.4rem;
                }
                p{
                    font-size: 0.4rem;
                }
            }  
        }
        .article3_top2{
                width: 100%;
                display: flex;
                a{
                    display: inline-block;
                    width: 20%;
                    text-decoration: none;
                    font-size: .2rem;
                }
                padding-bottom: .5rem;
        }
    }
}